// (function() {
//   var init = function(obj) {
//     var li_children =
//       "<div id='childBar' style='width:100%;height:20px;border:1px solid;border-radius:3px'>" +
//       "<div id='childBarColor' style='width:0;border:0;background-color:rgba(250,59,127,0.8);height:18px;'>" +
//       "</div>" +
//       "</div>";
//     var li = document.createElement("li");
//     $(li).addClass("fragment");
//     $(li).html(li_children);
//     obj.node.append(li);
//   };
//   widget.register("li", {
//     init: init
//   });
// })();

(function() {
  var init = function(obj) {
    var data = obj.data;
    var name = data.name;
    var size = data.size;
    var base64 = data.base64s;
    var types = data.types
    // base64s="+base64s+" 
    console.log(obj.node)

    var rank1 = name.indexOf('.');
    var rank3 = rank1;
    var rank = name.slice(0,rank3);

    var parent =
      "<div did="+name+">" +
      "<img class='imgs "+rank+"'>"+
      "<div class='jind' base64s="+name+" >"+
      "</div>" +
      "<div class='del del"+types+"' id='del"+types+"'>删除</div>" +
      "<div class='dels cang dels"+types+"' id='dels"+types+"'>删除</div>" +
      "</div>";

    var div = document.createElement("div");
    var classname = "tuDiv"+types
    div.classList.add(classname)
    div.classList.add("tuDiv")
    $(div).html(parent);
    obj.node.append(div);

    var fr = new FileReader();
    var base64s;
    // console.log(base64)
    fr.readAsDataURL(base64);
    fr.onload = function(){
      base64s = this.result
      // console.log(rank) 
      // document.querySelector("."+name).src = base64s
      $("."+rank).attr("src",base64s)
      // console.log(base64s)
    }

    // for (var i = 0; i < data.num; i++) {
    //   widget.add("li", {
    //     data: "",
    //     node: $(div).find(".fragment-group")
    //   });
    // }
    // $(div)
    //   .find(".resume")
    //   .on("click", function() {
    //     var ulDom = $(div).find(".fragment-group");
    //     if (ulDom.hasClass("hide")) {
    //       ulDom.removeClass("hide");
    //     } else {
    //       ulDom.addClass("hide");
    //     }
    //   });
    return div;
  };
  widget.register("div", {
    init: init
  });
    // console.log(types)

})();
